
/* Defaults */

body {
	margin: 0;
	padding: 4px;
	font-family: Arial, sans-serif;
	font-size: 1em;
	backckground: white;
	}

table,td,tr {
	padding: 0;
	margin: 0;
	border: none;
	}
	
.gwt-Tree input, .gwt-PushButton input {
	display: none;
	}

/* Link */

.calao-Link.enabled {
	cursor: pointer;
	cursor: hand;
	}

.calao-Link.em {
	font-style: italic;
	}
	
.calao-Link.disabled {
	color: grey;
	}

/* Tree */

.gwt-Tree {
	}

.gwt-TreeItem {
	cursor: pointer;
	cursor: hand;
	}

.gwt-TreeItem-selected {
	/* background: #E8EEF7; */
	}	
		
/* DesktopPanel */	

.calao-TopLinkPanel {
	float: right;
	font-size: 0.8em;
	}
	
.calao-userAlias {
	font-style: italic;
	padding: 0 4px;
	}

.calao-TopLinkPanel .calao-Link { 
	text-decoration: underline;
	color: blue;
	padding: 0 4px;
	}

.calao-TopLinkSeparator {
	color: #c0c0c0;
	}

/* ShortcutsPanel */

.xtop {display:block; background:transparent; font-size:1px; margin: 0 0; border-left: 1px solid #08c; border-right:1px solid #08c;}
.xfirst {border-color: white; background: white;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#C3D9FF; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 4px; background:#08c;}
.xb2 {margin:0 2px; border-width:0 2px;}
.xb3 {margin:0 1px;}
.xb4 {margin:0 0px; height:2px;}
.xcont {display:block; border:0 solid #08c; border-width:0 1px; padding: 0 4px 2px; height: 26px; overflow: hidden;}
.xcont img {vertical-align: top;}
.xcont p {display: inline; position: relative; top: 2px; left: 4px; font-size: 20px; vertical-align: top;} 

.calao-Shortcut { 
	border: 0 solid #08c; 
	border-width: 0 1px; 
	padding: 0;
	overflow: hidden;
	}
	
.calao-Shortcut .content {
	margin: 0 2;
	padding: 0 2;
	background-color: #d9e7ff;
	border-top: 1px solid #a3c5ff; 
	}

.calao-Shortcut .menu {
	margin: 0 4 4;
	}

.calao-ShortcutsPanel {
	background:#C3D9FF;
	border-bottom: 1px solid #08c; 
	}
				
/* Calendar */

.calao-Calendar {
	border: 2px solid #C3D9FF;
	}

.calao-Calendar .monthBar {
	text-align: center;
	background: #C3D9FF;
	width: 100%;
	}

.calao-Calendar .move {
	padding: 0 4px;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-size: 16px;
	}
	
.calao-Calendar .monthLabel {
	font-size: 14px;
	padding: 1px 4px;
	text-align: center;
	width: 120px;
	}	
	
.calao-Calendar .daysGrid {
	text-align: right;
	width: 100%;
	background: white;
	border-collapse: separate;
	border-spacing: 0;
	}

.calao-Calendar .daysGrid td {
	text-align: right;
	padding: 1px 1px;
	font-size: 14px;
	}
	
.calao-Calendar .weekDay {
	background: #C3D9FF;
	border: 1px solid #C3D9FF;
	}
	
.calao-Calendar .day {
	cursor: pointer;
	cursor: hand;
	border: 1px solid white;
	}
	
.calao-Calendar .selected {
	border: 1px solid black;
	}

.calao-Calendar td.day:hover {
	background-color: #d3d3d3;
	}
	
.calao-Calendar td.out {
	color: grey;
	}

.calao-Calendar td.out:hover {
	background-color: inherit;
	}

/* DateBox */

.calao-DateBox img {
	margin-left: 4px;
	}
	
/* Form */

.calao-Form .fieldPanel {
	border-collapse: collapse;
	}
	
.calao-Form .field {
	}
	
.calao-Form .label {
	vertical-align: top;
	padding-right: 1em;
	}
	
.calao-Form .calao-FlexibleText p {
	padding: 0;
	margin: 0 0 2px;
	}

/* ViewPanel */

.calao-ViewPanel {
	width: 100%;
	}

.calao-ViewPanel-title {
	margin: 0;
	font-size: 1.5em;
	}
	
.calao-ViewPanel .calao-Link.enabled {
	color: blue;
	}
	
.calao-ViewPanel-links .header {
	padding-right: 4px;
	}

.calao-ViewPanel-status {
	display: inline;
	padding: 2px 4px;
	}
	
.calao-ViewPanel-status.green {
	background-color: #67ff00;
	}
			
.calao-ViewPanel-status.red {
	background-color: red;
	}
	
.calao-ViewPanel-status.yellow {
	background-color: yellow;
	}

/* GanttChart */

.calao-GanttChart {
	position: relative;
	}
	
.calao-GanttChart .weekStart {
	border-left: 1px solid #708090;
	}

.calao-GanttTask {
	position: absolute;
	background-color: #dcdcdc;
	border: 1px solid #808080;
	font-size: 12px;
	z-index: 1;
	padding: 2 2 1 2;
	}
	
/* TimeTable */

.calao-TimeTable {
	border-collapse: collapse;
	table-layout: fixed;
	border: 1px solid #708090;
	}
	
.calao-TimeTable .dayHeader, .calao-TimeTable .monthHeader {
	font-size: 12px;
	text-align: center;
	height: 18px;
	border: 1px solid #708090;
	}

.calao-TimeTable .dayHeader {
	width: 20px;
	}
		
/* DialogBox */

.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

/* TabPanel */

.gwt-TabPanel {
	margin-top: 4px;
	width: 100%;
}

.gwt-TabPanelBottom {
  background-color: #E8EEF7;
  padding: 4px;
}

.gwt-TabBar {
  padding-top: 2px;
  border-bottom: 4px solid #87B3FF;
  background-color: #fff;
}

.gwt-TabBar .gwt-TabBarFirst {
}

.gwt-TabBar .gwt-TabBarRest {
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 4px;
  cursor: pointer;
  cursor: hand;

  background-color: #e8eef7;
  border-bottom: 2px solid white;
  margin-right: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  padding: 4px;
  font-weight: bold;
  cursor: default;

  background-color: #87b3ff;
  border-bottom: 2px solid #87b3ff;
  margin-right: 2px;
}

/* MenuBar */

.gwt-MenuBar {
	background-color: #C3D9FF;
	border: 1px solid #87B3FF;
	cursor: default;
	}

.gwt-MenuBar .gwt-MenuItem {
	padding: 1px 4px 1px 4px;
	cursor: default;
	}

.gwt-MenuBar .gwt-MenuItem-selected {
	background-color: #E8EEF7;
	}

/* Tooltip */

.calao-TooltipPanel {
	background-color: #d3d3d3;
	font-size: 12px;
	border: 1px solid black;
	padding: 0 3 3 3;
	z-index: 2;
}

/* SplashPanel (e.g. "loading" icon) */

.calao-SplashPanel {
	height: 100%;
	width: 100%;
}

.calao-SplashPanel td {
	vertical-align: middle;
	text-align: center;
	}

/* DataGrid */

.calao-DataGrid {
	border-collapse: collapse;
	}

.calao-DataGrid tr {
	border: 1px solid grey;
	}

.calao-DataGrid tr.header {
	border: 0;
	}

.calao-DataGrid td {
	padding: 2px 4px 1px;
	vertical-align: middle;
	}

.calao-DataGrid td.alignRight {
	text-align: right;
	}

.calao-DataGrid tr.header td {
	font-weight: bold;
	font-size: 90%;
	}
	
.calao-DataGrid tr.header {
	border: 0;
	}

.calao-DataGrid tr.odd td {
	background-color: #e6e6fa;
	}

/* SortableGrid */

.calao-SortableGrid .header table td {
	padding: 0;
	}
		
.calao-SortableGrid .header .gwt-PushButton {
	display: inline;
	vertical-align: middle;
	padding: 0 4px;
	}

/* EditableGrid */

.calao-EditableGrid .calao-DataGrid tr.clickable td {
	cursor: pointer;
	cursor: hand;
	}

.calao-EditableGrid .calao-DataGrid tr.selected td {
	background-color: yellow;
	cursor: default;
	}

/* Invalid inputs */

.invalid {
	border: 2px solid red;
}
